

<div class="module">

	<button ep-open-modal="nueva-materia"
		class="btn btn-primary pull-right">
		Nueva Materia <i class="glyphicon glyphicon-plus"></i>
	</button>
	<div class="input-group">
		<span class="input-group-addon"><i
			class="glyphicon glyphicon-search"></i></span> <input type="text"
			ng-model="filtroMateria" class="form-control">
	</div>


	<div style="max-height: 340px; overflow-y: auto">
		<table class="table table-condensed table-hover">
			<thead style="display: table-header-group">
				<tr>
					<th>Nombre</th>
					<th>Descripción</th>
					<th></th>
				</tr>
			</thead>
			<tbody>
				<tr ng-repeat="materia in materias | filter:filtroMateria"
				ng-click="verMateria(materia)">
					<td ng-bind="materia.nombre"></td>
					<td ng-bind="materia.descripcion"></td>
					<td></td>
				</tr>
			</tbody>

		</table>
	</div>

</div>


<ep-modal-pane aceptar="crearMateria()" modal-id="nueva-materia"
	title="Nueva Materia">
<div class="form-group">
	<label>Nombre</label> <input class="form-control" type="text"
		ng-model="$parent.nuevaMateria.nombre">
</div>
<div class="form-group">
	<label>Descripci&oacute;n</label>
	<textarea class="form-control"
		ng-model="$parent.nuevaMateria.descripcion"></textarea>
</div>
</ep-modal-pane>


